

.flex{
	display: flex;
}

.flex-column{
	flex-direction: column;
}
.flex-wrap{
	flex-wrap: wrap;
}

.flex-1{
	flex:1;
}

.flex-start{
	@extend .flex;
	align-items: flex-start
}

.flex-end{
	@extend .flex;
	align-items: flex-end;
}

.flex-center{
	@extend .flex;
	align-items: center;
}

.flex-center-center {
	@extend .flex-center;
	justify-content: center;
}

.flex-center-end{
	@extend .flex;
	align-items: center;
	justify-content: flex-end;
}

.flex-end-between{
	@extend .flex;
	align-items: flex-end;
	justify-content: space-between;
}

.flex-center-between{
	@extend .flex-center;
	justify-content: space-between;
}

.flex-start-between{
	@extend .flex-start;
	justify-content: space-between;
}

.text-overflow{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.title-decoration{
	position: relative;
	z-index: 0;
	&::before{
		content:"";
		position: absolute;
		bottom:8rpx;
		left: 50%;
		width:95rpx;
		height: 10rpx;
		border-radius: 5rpx;
		background-color: #3eff96;
		transform: translateX(-50%);
		z-index: -1;
	}
}

.title-decoration-s{
	position: relative;
	z-index: 0;
	&::before{
		content:"";
		position: absolute;
		bottom:6rpx;
		left: 9rpx;
		width:95rpx;
		height: 10rpx;
		border-radius: 5rpx;
		background-color: #3eff96;
		z-index: -1;
	}
}